//dark主题
// 这是一个属性选择器，它选择带有data-theme属性且其值为light的<html>元素。
// 当html元素具有data-theme="light"属性时，:root选择器会在全局作用域内定义一些CSS变量。这些变量可以在整个CSS中使用，以适应不同的主题。
html[data-theme="dark"] :root {
    // 背景主色调
    --dawei-backgroud-color: black;
    // 适配黑色主题的字体色
    --dawei-color-dark-black: white;
    --dawei-color-dark-gray: white;
}

//light主题
html[data-theme="light"] :root {
    // 背景主色调
    --dawei-backgroud-color: white;
    // 适配黑色主题的字体色
    --dawei-color-dark-black: black;
    --dawei-color-dark-gray: gray;
}